<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/index.css">
    <title>Document</title>
</head>
<body>
    <div class="house">
        <!-- 头部 -->
        <div class="house-top">
            <div class="text">
                <p>北京</p>
            </div>
            <div class="among">
                <font>
                    <img src="./icons/footer_2_default.png" alt="">
                    <input type="text" placeholder="输入小区名称或者商圈">
                </font>
            </div>
            <div class="right">
                <div class="pic">
                    <img src="./icons/header_news.png" alt="">
                </div>
            </div>
        </div>
        <!-- 头部 -->

        <!-- 图片 -->
        <div class="picture">
            <div class="pic">
                <img src="./imgs/banner.png" alt="">
            </div>
        </div>
        <!-- 图片 -->

        <!-- 椭圆 -->
        <div class="oval">
                <img src="./icons/lunbo_active.png" alt="">
           
                <img src="./icons/lunbo_default.png" alt="">
           
                <img src="./icons/lunbo_default.png" alt="">
        </div>
        <!-- 椭圆 -->

        <!-- 租房方式 -->
        <div class="way">
            <div class="pic">
                <img src="./icons/nav_1.png" alt="">
            </div>
            <div class="pic">
                <img src="./icons/nav_2.png" alt="">
            </div>
        </div>
        <!-- 租房方式 -->

        <!-- 超值优惠 -->
        <div class="preferential">
            <div class="preferential-top">
                <p>超值优惠</p>
                <span>
                    <img src="./icons/content_icon_next.png" alt="">
                </span>
            </div>
            <div class="preferential-buttom">
                <div class="left">
                    <div class="pic">
                        <img src="./imgs/content_tu_home_left@2x.png" alt="">
                    </div>
                    <p>宝石花园</p>
                    <span>朝阳区-两室一厅-90</span>
                    <i>￥7800元/月</i>
                </div>
                <div class="right">
                    <div class="pic">
                        <img src="./imgs/content_tu_home_right@2x.png" alt="">
                    </div>
                    <p>宝石花园</p>
                    <span>朝阳区-两室一厅-90</span>
                    <i>￥7800元/月</i>
                </div>

            </div>
            
        </div>
        <!-- 超值优惠 -->

        <!-- 广告 -->
        <div class="advertisement">
            <div class="pic">
                <img src="./imgs/ggwei_home.png" alt="">
            </div>
        </div>
        <!-- 广告 -->

        <!-- 推荐 -->
        <div class="recommend">
            <div class="recommend-top">
                <p>为您推荐</p>
                <div class="hire">
                    <span>整租 <i></i></span>
                    <span>合租</span>
                </div>
            </div>
            <div class="recommend-buttom">
                <ul>
                    <li>
                        <div class="pic">
                            <img src="./imgs/home_list_tu1@2x.png" alt="">
                        </div>
                        <div class="text sin-line">
                            <p>整租-保利家园7号院1号楼</p>
                            <span>朝阳区|2室1厅|90m</span>
                            <span class="sin-line">距离5号线丽水桥站1200米，13号线广西南13号线广西南</span>
                            <i>
                                <p>独卫</p>
                                <p>含阳台</p>
                            </i>
                            <div class="first">
                                <p>￥7800 <span>元/月</span></p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="pic">
                            <img src="./imgs/home_list_tu2@2x.png" alt="">
                        </div>
                        <div class="text sin-line">
                            <p>整租-保利家园7号院1号楼</p>
                            <span>朝阳区|2室1厅|90m</span>
                            <span class="row">距离5号线丽水桥站1200米，13号线广西南</span>
                            <i>
                                <p>独卫</p>
                                <p>含阳台</p>
                            </i>
                            <div class="first">
                                <p>￥7800 <span>元/月</span></p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="pic">
                            <img src="./imgs/home_list_tu3@2x.png" alt="">
                        </div>
                        <div class="text sin-line">
                            <p>整租-保利家园7号院1号楼</p>
                            <span>朝阳区|2室1厅|90m</span>
                            <span class="row">距离5号线丽水桥站1200米，13号线广西南</span>
                            <i>
                                <p>独卫</p>
                                <p>含阳台</p>
                            </i>
                            <div class="first">
                                <p>￥7800 <span>元/月</span></p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="pic">
                            <img src="./imgs/home_list_tu4@2x.png" alt="">
                        </div>
                        <div class="text sin-line">
                            <p>整租-保利家园7号院1号楼</p>
                            <span>朝阳区|2室1厅|90m</span>
                            <span class="row">距离5号线丽水桥站1200米，13号线广西南</span>
                            <i>
                                <p>独卫</p>
                                <p>含阳台</p>
                            </i>
                            <div class="first">
                                <p>￥7800 <span>元/月</span></p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="pic">
                            <img src="./imgs/home_list_tu5@2x.png" alt="">
                        </div>
                        <div class="text sin-line">
                            <p>整租-保利家园7号院1号楼</p>
                            <span>朝阳区|2室1厅|90m</span>
                            <span class="row">距离5号线丽水桥站1200米，13号线广西南</span>
                            <i>
                                <p>独卫</p>
                                <p>含阳台</p>
                            </i>
                            <div class="first">
                                <p>￥7800 <span>元/月</span></p>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 推荐 -->

        <!-- 查看更多 -->
        <div class="more">
            <p>查看更多优质房源</p>
        </div>
        <!-- 查看更多 -->

        <!--  -->
        <div class="pic">
            <img src="./imgs/gushirukou_home.png" alt="">
        </div>
        <!--  -->

        <!-- 底部 -->
        <div class="buttom">
            <ul>
                <li>
                    <span class="iconfont icon-home"></span>
                    <p>首页</p>
                </li>
                <li>
                    <span class="iconfont icon-search"></span>
                    <p>快速找房</p>
                </li>
                <li>
                    <span class="iconfont icon-agent"></span>
                    <p>委托代理</p>
                </li>
                <li>
                    <span class="iconfont icon-my"></span>
                    <p>我的</p>
                </li>
            </ul>
        </div>
        <!-- 底部 -->



        <script src="./js/flexible.js"></script>
    </div>
</body>
</html>